<template>
    <el-container style="height:100vh">
        <el-header class="homeHeader">
            <div class="title">1</div>
            <el-dropdown >
                  <span class="el-dropdown-link">
                    智慧消防远程监管平台<i class="el-icon-arrow-down el-icon--right"></i>
                  </span>
                <el-dropdown-menu slot="dropdown">
                    <el-dropdown-item command="home">
                        首页</el-dropdown-item>
                    <el-dropdown-item command="setting">账号设置</el-dropdown-item>
                    <el-dropdown-item command="userinfo">
                        <router-link to="adminInfo">个人中心 </router-link>
                        </el-dropdown-item>
                    <el-dropdown-item command="logout">退出登录</el-dropdown-item>
                </el-dropdown-menu>
            </el-dropdown>
        </el-header>
        <el-container>
            <el-aside  style="background-color: #182450" width="200px;">Aside</el-aside>
                <router-view/>
        </el-container>
    </el-container>
</template>

<script>

export default {
  name: 'HomeView',
    data(){
      return{
          admin:null,
          url:'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png'
      }
    },
    //页面初始化时候要执行的方法
    mounted(){
     // this.initAdmin();
    },
    methods:{
      // commandHandler(command){
      //     if (command=='userinfo'){
      //         this.$router.push('/adminInfo')
      //     }
      // }
    }
}
</script>

<style>
    .homeHeader {
        background: #101938;
        display:flex;
        align-items:center;
        justify-content: space-between;
        padding: 0 15px;
        box-sizing: border-box;
    }
</style>
